<template>
	<view>
		<!-- #ifdef APP-PLUS -->
		<button @click="start">开始录音</button>
		<button @click="end">结束录音</button>
		<!-- #endif -->

		<!-- #ifdef MP-WEIXIN -->
		<button @click="start1">开始录音</button>
		<button @click="end1">结束录音</button>
		<!-- #endif -->

		<van-empty></van-empty>

		<van-button>点我</van-button>

		<uni-badge text="1"></uni-badge>

		<uni-data-select v-model="value" :localdata="range" @change="change"></uni-data-select>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				value: '',
				range: [{
						value: 0,
						text: "篮球"
					},
					{
						value: 1,
						text: "足球"
					},
					{
						value: 2,
						text: "游泳"
					},
				]
			}
		},

		onLoad() {
			// #ifdef APP-PLUS
			// 获取音频管理对象
			this.r = plus.audio.getRecorder()
			// #endif

		},
		methods: {
			change(a) {
				console.log('change', a)
			},

			start() {
				// 调用 this.r 开始录音
				this.r.record({
					filename: "_doc/audio/"
				}, (res) => {
					console.log('成功回调', res)

					// 立即播放录音
					const p = plus.audio.createPlayer(res)
					p.play()
				}, (error) => {
					console.log('失败的回调', error)
				})
			},

			end() {
				// 调用 this.r 结束录音
				this.r.stop()
			},


			start1() {
				// 1. 获取音频管理对象
				this.r = uni.getRecorderManager()
				this.r.start(); // 开始录音

				// 监听录音停止
				this.r.onStop((res) => {
					console.log('录音停止', res)

					// 创建一个播放对象
					const p = uni.createInnerAudioContext()
					// 设置播放文件
					p.src = res.tempFilePath
					// 播放
					p.play()
				})
			},

			end1() {
				this.r.stop(); // 结束录音
			}
		}
	}
</script>

<style>

</style>